<template>
  <div>这是分类页 - getter</div>
  <p>count: {{ count }}</p>
  <p>oddNums: {{ nums }}</p>
  <p>customNums: {{ customNums(1) }}</p>
  <p>customNums2: {{ customNums(2) }}</p>
</template>

<script>
import { mapState, mapGetters } from "vuex";
export default {
  // computed: {
  //   count() {
  //     return this.$store.state.count;
  //   },
  //   // nums() {
  //   //   return this.$store.state.nums.filter((item) => item % 2);
  //   // },
  //   nums() {
  //     return this.$store.getters.oddNums;
  //   },
  //   customNums() {
  //     return this.$store.getters.customNums(1);
  //   },
  //   customNums2() {
  //     return this.$store.getters.customNums(2);
  //   },
  // },

  // mapGetters是一个辅助函数，将仓库的getters映射到组件的计算属性中
  // computed: mapGetters(["oddNums"]),
  computed: {
    ...mapGetters({
      nums: "oddNums",
      customNums: "customNums",
    }),
    // ...mapState(["count"]),
    ...mapState({
      count: (state) => state.a.count,
    }),
  },
};
</script>
